<template>
  <div id='tmpl'>
    <mt-swipe :auto="4000">
        <mt-swipe-item v-for="item in imgs">
          <img v-bind:src="item.img" alt="">
        </mt-swipe-item>     
    </mt-swipe>
  </div>
</template>
<script>
export default {
    props:['imgs'], //用来接收父组件传入过来的数据
    data () {
        return {
    };
  }
}
</script>
<style lang="css" scoped>
    .mint-swipe{
        height:300px;
    }
    .mint-swipe-item{
        height:300px;
        width:100%;
        background-color:red;
    }
    .mint-swipe-item img{
      width:100%;
      height:100%;
    }
</style>